<!-- Parent.vue代码 -->
<template>
    <div class="hello">
        <!-- 3、调用组件 -->
        <!-- 使用动态绑定进行传值，这样就可以把hello word！传递到子组件中显示了 -->
        <child @listenToChildEvent="showMsgFromChild" @listenToChildEvent1="show"></child>

<!--        &lt;!&ndash; 显示子组件传递的数据 &ndash;&gt;-->
<!--        <p>{{ childMsg }}</p>-->
<!--    </div>-->
<!--</template>-->

<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<!--<script>-->
<!--    // 1、ES6语法导入子组件-->
<!--    import child from "./Child";-->
<!--    export default {-->
<!--        data() {-->
<!--            return {-->
<!--                msg:0,-->
<!--                childMsg:0-->
<!--            };-->

<!--        },-->
<!--        // 2、components里面做记录-->
<!--        components: {-->
<!--            child-->
<!--        },-->
<!--        methods: {-->
<!--            showMsgFromChild: function (data) {-->
<!--                // data参数就是接收的数据-->
<!--                // 传递过来的数据赋值给childMsg,用于页面显示-->
<!--                    this.childMsg = data-->
<!--            },-->
<!--            show:function (data) {-->
<!--                this.childMsg = data-->
<!--            }-->
<!--        }-->
<!--    }-->
<!--</script>-->